<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Log in</title>
<?php echo css_asset('common.global.css'); ?>
<style type="text/css">
<!--
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#loginCon{
	text-align: left;
}

#loginMain
{
	background-color: #6F6F6F;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	width:350px;
}

#loginForm
{
	background-color: #FFFFFF;
	margin-left: -20px;
	margin-right: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	
	width:350px;
}

#loginHeader{
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	margin-right: -20px;
	margin-left: -20px;
	background-color: #666FFF;
}

.loginTable th{
	font-size: 12px;
	width: 100%;
}

.info{
	font-size: 12px;
	width: 100%;	
}

#middle {
	position:absolute;
	top: 50%;
	left: 50%;
	width:30em;
	height:18em;
	margin-top: -12em; /*set to a negative number 1/2 of your height*/
	margin-left: -12em; /*set to a negative number 1/2 of your width*/
}

#loginForm h3{
	
	padding:0px;
	margin:0px;
	border-bottom: 1px solid #000000;
		
}

-->
</style></head>

<body class="oneColLiqCtr">

<div id="middle">
<div id="loginCon">
  <div id="loginMain">
  	  <div id="loginHeader">Voting System</div>
	  <div id="loginForm">
	  	<?php echo $content_for_layout ?>
	  </div>
  </div>
</div>
</div>

</body>
</html>
